import {StyleSheet} from "react-native";
import {color} from '../../../utils'

export const LoginIndexSty = {
    common: {
        container: {
            flex: 1,
            backgroundColor: color.deepTheme
        },
        outer: {
            width: '100%',
            height: '100%',
        },
        animateContainer: {
            position: 'absolute',
            backgroundColor: 'transparent',
            borderWidth: 1,
            borderColor: color.theme,

        },
        topContainer: {
            height: '60%',
            width: '100%',
            alignItems: 'center',
            justifyContent: 'center'
        },
        bottomContainer: {
            height: '40%',
            width: '100%',
            alignItems: 'center',
            paddingTop: 20
        },
        noLogin: {
            backgroundColor: color.deepTheme,
            marginTop: 20
        },
        noLoginText: {
            color: color.white
        }
    },
    LogoSty: {
        container: {
            backgroundColor: color.theme,
            width: 74,
            height: 74,
            justifyContent: 'center',
            alignItems: 'center',
            borderRadius: 37,

        },
        LogoImage: {
            width: 50,
            height: 50,
        },
    },
}
export const LoginByPhoneNumberSty = {
    tipSty: {
        color: 'rgb(153,153,153)',
        marginTop: 60,
        marginLeft: 10
    },
    perNum: {
        color: color.black,
        marginRight: 5,
        fontSize: 18
    },
    inputPhone: {
        flexDirection: 'row',
        borderBottomWidth: StyleSheet.hairlineWidth,
        marginHorizontal: 10,
        marginTop: 40,
        borderBottomColor: color.lineColor,
        height: 40,
        alignItems: 'center'
    },
    phoneSty: {
        color: color.black,
        fontSize: 18,
        padding:0
    },
    titleSty: {
        color: color.white
    }
}

